<!DOCTYPE html>
<html>
<head>
    {include file="common/meta" /}
    <link href="__CDN__/assets/css/user.css?v={$Think.config.site.version}" rel="stylesheet">

</head>

<body>

<main class="content">

    <link rel="stylesheet" href="__CDN__/assets/addons/shopro/libs/element/element.css">
    <link rel="stylesheet" href="__CDN__/assets/addons/shopro/libs/common.css">
    <script src="__CDN__/assets/addons/shopro/libs/vue.js"></script>
    <script src="__CDN__/assets/addons/shopro/libs/element/element.js"></script>

    <style>

        body {background: #000000;padding: 0px}

        main.content {
            padding: 0px 0;
        }

        #configIndex {
            background: #000000;
        }

        .grid-th {
            vertical-align: inherit;
            BACKGROUND-COLOR: #000000;
            BORDER-BOTTOM: #ecfdff 1px solid;
            BORDER-LEFT: #ecfdff 0px;
            BORDER-RIGHT: #ecfdff 1px solid;
            BORDER-TOP: #ecfdff 0px;
            FONT-SIZE: 18pt;
            font-weight: bold;
            MARGIN: 0px;
            padding-top: 3px;
            TEXT-ALIGN: center;
            COLOR: #82bdde;
        }

        .grid-td-normal {
            BACKGROUND-COLOR: #000000;
            BORDER-BOTTOM: #ecfdff 1px solid;
            BORDER-LEFT: #ecfdff 0px;
            BORDER-RIGHT: #ecfdff 1px solid;
            BORDER-TOP: #ecfdff 0px;
            FONT-SIZE: 16pt;
            font-weight: bold;
            MARGIN: 0px;
            TEXT-ALIGN: right;
            COLOR: #33FF33;
        }

        .grid-td-normal-str {
            BACKGROUND-COLOR: #000000;
            BORDER-BOTTOM: #ecfdff 1px solid;
            BORDER-LEFT: #ecfdff 0px;
            BORDER-RIGHT: #ecfdff 1px solid;
            BORDER-TOP: #ecfdff 0px;
            FONT-SIZE: 16pt;
            font-weight: bold;
            MARGIN: 0px;
            TEXT-ALIGN: center;
            COLOR: #33FF33;
        }

        .grid-td-err-str {
            BACKGROUND-COLOR: #000000;
            BORDER-BOTTOM: #ecfdff 1px solid;
            BORDER-LEFT: #ecfdff 0px;
            BORDER-RIGHT: #ecfdff 1px solid;
            BORDER-TOP: #ecfdff 0px;
            FONT-SIZE: 16pt;
            font-weight: bold;
            MARGIN: 0px;
            TEXT-ALIGN: center;
            COLOR: #FF0000;
        }

        .grid-td-err {
            BACKGROUND-COLOR: #000000;
            BORDER-BOTTOM: #ecfdff 1px solid;
            BORDER-LEFT: #ecfdff 0px;
            BORDER-RIGHT: #ecfdff 1px solid;
            BORDER-TOP: #ecfdff 0px;
            FONT-SIZE: 16pt;
            font-weight: bold;
            MARGIN: 0px;
            TEXT-ALIGN: right;
            COLOR: #FF0000;
        }

        .grid-title {
            BORDER-BOTTOM: #ecfdff 1px solid;
            HEIGHT: 36px;
            vertical-align: inherit;
            FONT-SIZE: 16pt;
            font-weight: bold;
            MARGIN: 0px;
            TEXT-ALIGN: center;
            COLOR: #82bdde;
        }

        .grid-info {
             BORDER-BOTTOM: #9a989f 1px solid;
             HEIGHT: 36px;
             background: #8eb4e0;
             vertical-align: inherit;
             padding-left: 10px;
             padding-top: 5px;
             FONT-SIZE: 16pt;
             font-weight: bold;
             MARGIN: 0px;
             TEXT-ALIGN: left;
             COLOR: #000;
         }

        .grid-info1 {
            BORDER-BOTTOM: #9a989f 1px solid;
            HEIGHT: 36px;
            background: #8eb4e0;
            vertical-align: inherit;
            padding-left: 10px;
            padding-top: 5px;
            FONT-SIZE: 16pt;
            font-weight: bold;
            MARGIN: 0px;
            TEXT-ALIGN: right;
            COLOR: #000;
        }

        .grid-info2 {
             BORDER-BOTTOM: #9a989f 1px solid;
             HEIGHT: 36px;
             background: #8eb4e0;
             vertical-align: inherit;
             padding-left: 10px;
             padding-top: 5px;
             FONT-SIZE: 16pt;
             font-weight: bold;
             MARGIN: 0px;
             TEXT-ALIGN: left;
             COLOR: #000;
         }

        .grid-info2-err {
            BORDER-BOTTOM: #9a989f 1px solid;
            HEIGHT: 36px;
            background: #8eb4e0;
            vertical-align: inherit;
            padding-left: 10px;
            padding-top: 5px;
            FONT-SIZE: 16pt;
            font-weight: bold;
            MARGIN: 0px;
            TEXT-ALIGN: left;
            COLOR: #ff4b3f;
        }

        [v-cloak] {
            display: none
        }
    </style>

    <div id="configIndex" v-cloak>

        <div class="custom-body">

        </div>
    </div>

</main>

{include file="common/script" /}

</body>

</html>